<template>
	<view class="">
		<gjsScroll :viewList="viewList" @leftClick="leftClick" @rightClick="rightClick"></gjsScroll>
	</view>
</template>

<script>
	import gjsScroll from '@/components/gjs-scrollView/gjs-scrollView.vue'
	export default {
		components: {
			gjsScroll
		},
		data() {
			return {
				viewList: [{
						title: "手机",
						list: ["小米", "华为", "OPPO", "VIVO", "荣耀", "红米"]
					},
					{
						title: "电脑",
						list: ["Mac pro", "联想yoga910", "华硕911", "联想811", "三星电脑"]
					},
					{
						title: "水果",
						list: ["香蕉", "苹果", "西瓜", "榴莲", "山竹", "荔枝", "葡萄"]
					},
					{
						title: "饮料",
						list: ["coke可乐", "脉动", "红牛", "冰糖雪梨", "果汁", "雪碧", "奥必佳"]
					},
					{
						title: "科目",
						list: ["语文", "数学", "英语", "生物", "化学", "物理", "政治", "历史", "地理"]
					},
				],
			}
		},
		methods: {
			leftClick(e) {
				console.log('左边列表的点击事件', e);
			},
			rightClick(e) {
				console.log('右边列表的点击事件', e);
			},
		}
	}
</script>

<style>

</style>
